<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>后台管理系统</title>

    <!-- Bootstrap -->
    <link href="../static/css/bootstrap.css" th:href="@{/static/css/bootstrap.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.css" th:href="@{/static/css/font-awesome.css}" rel="stylesheet"/>
    <link href="../static/css/index.css" th:href="@{/static/css/index.css}" rel="stylesheet"/>

    <style>
        body{
            height:100%;
        }
        label{
            color:#9d9d9d;
            position: relative;
            top:15px;
        }
        .top{
            color:#9d9d9d;
            margin-right: 20px;
            font-size: 13px;

        }
        .top:hover{
            color:#fff;
            text-decoration:none;

        }
        .top:hover .glyphicon{
            color:#fff;
        }
        .sidebar{
            width:220px;
            background: #2e363f;
            overflow: hidden;
        }
        .breadcrumb{
            position:fixed;
            width: 100%;
            margin-top: 0;
            z-index: 20;
            background:#e8e8e8;
            margin-left:220px;
            overflow:hidden;

        }
        .breadcrumb a{
            color:#000;
        }
        .breadcrumb .active a{
            color:#777;
        }
        .breadcrumb li a:hover{
            text-decoration: none;
        }
        #content{
            margin-left: 220px;
            margin-right: 0;

            width: auto;
            height:auto;

        }
        iframe{
            width:100%;
            height:100%;
        }
    </style>
</head>
<body style="">
<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: #00a65a">
    <div class="container-fluid">
        <div class="navbar-header">

            <a class="navbar-brand" th:href="@{/index}" style="margin-left: 10px;font-size:23px ">tank后台管理系统</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a class="top"  href="https://www.cnblogs.com/fuzongle/" ><i class="fa fa-file-word-o"></i>&nbsp;&nbsp;文档教程</a></li>
                <li><a class="top"  href="https://www.cnblogs.com/fuzongle/" ><i class="fa fa-heart-o fa-spin" aria-hidden="true"></i>&nbsp;&nbsp;作者博客</a></li>
                <li><a class="top"  href="#" ><i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;欢迎你，[[${account}]]</a></li>
                <li><a class="top" th:href="@{/signOut}"  ><i class="glyphicon glyphicon-off"></i>&nbsp;&nbsp;退出系统</a></li>
            </ul>

        </div>
    </div>
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul id="accordion" class="accordion">
               <!-- <li class="active">
                    <div class="link"><i class="fa fa-home"></i>主页</div>
                </li>-->
                <li>
                    <div class="link"><i class="fa fa-cog fa-spin"></i> 系统管理<i class="fa fa-chevron-down"></i></div>
                    <ul class="submenu">
                        <li><a th:href="@{/admin/user}" target="content"> 用户列表</a></li>
                        <li><a th:href="@{/admin/loginLog}" target="content">登录日志</a></li>
                        <li><a th:href="@{/admin/openLog}" target="content">操作日志</a></li>
                    </ul>
                </li>

                <li>
                    <div class="link"><i class="fa fa-rocket "></i> 功能中心<i class="fa fa-chevron-down"></i></div>
                    <ul class="submenu">
                        <li><a th:href="@{/admin/mailRecord}" target="content"> 邮件实现</a></li>
                        <li><a th:href="@{/admin/taskConf}"  target="content">任务中心</a></li>
                        <li><a th:href="@{/admin/picture}"  target="content">图片上传</a></li>
                        <li><a th:href="@{/admin/druid}"  target="blank">Druid监控</a></li>
                    </ul>
                </li>

                <li>
                    <div class="link"><i class="fa fa-street-view"></i>商机链<i class="fa fa-chevron-down"></i></div>
                    <ul class="submenu">
                        <li><a th:href="@{/admin/demand}" target="content">需求大厅</a></li>
                        <li><a th:href="@{/admin/demand/myList}" target="content">我发布的</a></li>
                        <li><a th:href="@{/admin/demand/orderList}" target="content">我的订单</a></li>
                    </ul>
                </li>
                <li>
                    <div class="link"><i class="fa fa-question"></i>系统反馈<i class="fa fa-chevron-down"></i></div>
                    <ul class="submenu">
                        <li><a th:href="@{/admin/feedback}" target="content">系统反馈</a></li>
                    </ul>
                </li>

            </ul>
        </div>
    </div>
</div>
<!--  导航 -->

<ul class="breadcrumb" id="bread">
    <li><a href=""><i class="fa fa-home"></i>首页</a></li>
</ul>
<!-- 展示内容 -->
<div id="content">
    <iframe  frameborder="0" th:src="@{/body}"  id="iframe" name="content" scrolling="yes"></iframe>
</div>


<script src="../static/js/jquery.min.js" th:src="@{/static/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.js" th:src="@{/static/js/bootstrap.js}"></script>
<script src="../static/js/index.js" th:src="@{/static/js/index.js}"></script>



<script>
    $(function(){
        $(".submenu li a").click(function  () {
            $(".submenu li a").removeClass("add");
            $(this).addClass("add");
            var name=$(this).html();
            var text=$(this).parent().parent().siblings("div").text();
            // $(".breadcrumb .active").remove();
            $("#bread").html("");
            $("#bread").append("<li><a href=''><i class='fa fa-home'></i>首页</a></li>");
            $("#bread").append("<li><a>"+text+"</a></li>");
            $("#bread").append("<li><a href='#'>"+name+"</a></li>");
            $(".breadcrumb li:last").addClass("active");
        });

    })
</script>
</body>
</html>